body{
	margin: 0;
	width: 100vw;
	display: flex;
	background-image: url("../img/弘卓楼新大陆.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.g-glossy {
    position: relative;
	margin-top: 5vh;
	margin-left: 5vw;
    width: 90vw;
    height: 90vh;
    background-color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    z-index: 10;
	border-radius: 20px;
	text-align: center;
    
    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url($img);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        filter: blur(10px);
        z-index: -1;
    }
}

.form-control {
    display: block;
	margin: 10px auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#input_content{
	display: inline-block;
}

/* IE浏览器下隐藏下拉按钮 */
select::-ms-expand { display: none; }     

/* 定义隐藏下拉框默认样式及图片覆盖下拉按钮 */   
.info-select{
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background: no-repeat scroll right center transparent;           
}

#myinput_idCard, #myinput_name{
	display: inline-block;
	margin: 10px auto;
	height: 34px;
	width: 250px;
	padding: 0px 12px;
	font-size: 18px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	background: no-repeat scroll right center transparent;
	
}

#item_name{
	margin: 10px auto;
	height: 36px;
	width: 276px;
	padding: 0px 12px;
	font-size: 18px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	background: no-repeat scroll right center transparent;
}

h1{
	text-align: center;
	background: url() repeat fixed center;
	font-size: 5vw;
	margin: 20px 0px;
}
.logo{
	display: block;
	width: 30vw;
	margin: 5vh auto;
}
.mui-input-row{
	display: block;
	margin: 10px auto;
	text-align: center;
	font-size: 17px;
}
.select{
	display: inline-block;
	font-size: 17px;
}
a{
	background-color: #55aaff; /* Green */
	border: none;
	color: white;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius:6px;
}
a:hover{
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.24),0 5px 5px 0 rgba(0,0,0,0.19);
}

.btn-11{
	background-color: #55aaff;
	border: none;
	color: white;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px auto;
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border-radius: 10px;
}
.btn-11:hover{
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.24),0 5px 5px 0 rgba(0,0,0,0.19);
}

#backpage1{
	display: block;
	background-color: #30d91d; /* Green */
	border: none;
	color: white;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 16px;
	margin: 4px auto;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius:6px;
}

#backpage1:hover{
		box-shadow: 0 3px 5px 0 rgba(0,0,0,0.24),0 5px 5px 0 rgba(0,0,0,0.19);
	}
	
#cert-info{
	width: 50vw;
	margin: 5px auto;
	padding: 20px;
	text-align: center;
	border: 2px solid #55aaff ;
}

#cert-info div{
	margin: 10px;
}

.td1{
	background-color: #a9d5f5;
	font-size: large;
	padding: 5px;
}

.td2{
	background-color: #e7f5fd;
}


option{
    font-size: 16px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background: no-repeat scroll right center transparent;
}
